<template>
    <div>
        <h2>{{ msg }}</h2>
        <hr>
        <!-- <h3>{{ $store.state.count }}</h3> -->
        <h4>{{ $store.state.a.acount }}</h4>
      
        {{ count }}
    </div>
</template>
<script>
import store from '@/vuex/store'
import { modules } from 'vuex'
export default {
    data(){
        return {
            msg:'hello Vuex'
        }
    },
    computed:{  // state访问对象的三种方式
        count(){
            return this.$store.state.a.count;
        },
       
    },
    // computed: mapState({ // 通过mapState
    //     count:state=>state.count
    // }),
    // computed:mapState({
    //     count:function(state){
    //         return state.count
    //     }
    // }),
    // computed:{
    //     ...mapState(["count"]),
    //     // count(){
    //     //     return this.$store.getters.count
    //     // },
    //     ...mapGetters(['count']), // 用mapGetters简写，
       

    // },
    // methods:{ 
    //  ...mapMutations([ 'add','reduce']),// 获得vuex状态管理的方法
    //  ...mapActions(['addAction','reduceAction'])
    // },
    
  

}
</script>
